import { ref, computed, reactive, h } from 'vue'
import { defineStore } from 'pinia'
import { useRouter } from 'vue-router'
import { ExitOutline,ImagesOutline,RefreshCircleOutline } from '@vicons/ionicons5'
import { NIcon } from 'naive-ui'


export const usePagesStore = defineStore('pages', () => {
    const router = useRouter();
    // const ExitOutlineIcon = () => {
    //     return h(
    //         NIcon,
    //         {
    //             size: 20,
    //             color: '#fff',
    //             style: {
    //                 // width: '20px',
    //                 // height: '20px',
    //                 // color: '#fff',
    //                 marginLeft: '20px',
    //                 marginRight: '20px',
    //                 cursor: 'pointer',
    //             },
    //             onClick:  () => goBack()
    //         },
    //         {
    //           default: () => h(ExitOutline)
    //         }
    //       )
    // }
    const ExitOutlineIcon = () => h(
        NIcon,
        {
            size: 20,
            color: '#fff',
            style: {
                marginLeft: '20px',
                marginRight: '20px',
                cursor: 'pointer',
            },
            onClick:  () => goBack()
        },
        {
            default: () => h(ExitOutline)
        }
    )
    const goBack = () => { router.push('/') }
    return { ExitOutlineIcon }
})
